<template>
  <div class="home">
    <!-- 头部导航 -->
    <TopNav></TopNav>
    <!-- 轮播图 -->
    <Carousel></Carousel>
    <!-- 图表列表 -->
    <IconList></IconList>
    <!-- 发现好歌单 -->
    <MusicList></MusicList>
  </div>
</template>

<script>
import TopNav from "@/components/TopNav.vue";
import Carousel from "@/components/Carousel.vue";
import IconList from "@/components/IconList.vue";
import MusicList from "@/components/MusicList.vue";

export default {
  data() {
    return {};
  },
  components: {
    TopNav,
    Carousel,
    IconList,
    MusicList
  },
};
</script>

<style lang="less" scoped>
</style>
